<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	div{
 		width: 200px;
 		height: 200px;
 		border:1px solid red;
 		padding-top:50px;
 		padding-left: 50px;
	}
/*行内元素内边距不影响元素所占高度  */	
	#s1{
		border: 1px solid red;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
</style>
</head>
<body>
 	<div>hello</div>
 	<span id="s1">abc</span><span>def</span>
 	 <div>hello</div>
</body>
</html>